import { DialogForm } from 'custom/index'
import { addLibraryManage, updateLibraryManage, htmlDecode } from './api'
import DepartmentItem from './components/DepartmentItem.vue'
import UeditorPlus from '@/components/form-item/UeditorPlus.vue'

const addDialog = new DialogForm('DialogForm')

addDialog
  .title('新增')
  .setDialog('width', '85%')
  .setDialog('zIndex', 500)
  .postApi(addLibraryManage)
  .useGroup('')
    .useItem('title').label('标题').required().end()
    .useDictSelect('articleType', 'articleType').label('分类').setProp('widthLabel', 'articleTypeName').required().end()
    .useItem('keyW').label('关键字').required().end()
    .useCustomItem(DepartmentItem, 'department').label('授权访问部门').setProps({ valueKey: 'val', labelKey: 'name' }).required().end()
    // .useItem('content').label('内容').setProps({ type: 'textarea', autosize: { minRows: 4 } }).required().end()
    .useCustomItem(UeditorPlus, 'content').label('内容').setProps({ type: 'textarea', autosize: { minRows: 4 } }).required().end()

const editDialog = new DialogForm('DialogForm')
editDialog
  .title('编辑')
  .setDialog('width', '85%')
  .setDialog('zIndex', 500)
  .getApi(async (_, row) => ({ ...row, content: row.content ? htmlDecode(row.content) : '' }))
  .postApi(updateLibraryManage)
  .useGroup('')
    .useItem('title').label('标题').required().end()
    .useDictSelect('articleType', 'articleType').label('分类').setProp('widthLabel', 'articleTypeName').required().end()
    .useItem('keyW').label('关键字').required().end()
    .useCustomItem(DepartmentItem, 'department').label('授权访问部门').setProps({ valueKey: 'val', labelKey: 'name' }).required().end()
    // .useItem('content').label('内容').setProps({ type: 'textarea', autosize: { minRows: 4 } }).required().end()
    .useCustomItem(UeditorPlus, 'content').label('内容').setProps({ type: 'textarea', autosize: { minRows: 4 } }).required().end()

export { addDialog, editDialog }
